<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mission14</title>
    
</head>
<body>
    <h3>污染城市列表</h3>
    <ul id="aqi-list">
        <!--   
            <li>第一名：福州（样例），10</li>
              <li>第二名：福州（样例），10</li> -->
    </ul>
   


</body>
 <script type="text/javascript">
        var aqiDate = [
                ["北京",90],
                ["上海",50],
                ["福州",10],
                ["广州",50],
                ["成都",90],
                ["西安",100]
        ];
        (function () {
            //排序函数,d1为数组中的前一个数组元素,d2为后一个数组元素,d1,d2为一维数组
           aqiDate.sort(function (d1,d2) {
               // body...
               return d2[1] - d1[1];
           });
           for (var i = 0; i < aqiDate.length; i++) {
              if (aqiDate[i][1] > 60) {
                // 创建li元素
                var li = document.createElement("li");
                // 创建文本节点
                var text = document.createTextNode("第" + i + "名：" + aqiDate[i][0] + aqiDate[i][1]);
                // 为li元素的末尾添加子节点,将文本节点添加入li中
                li.appendChild(text);
                // 获得ul的id,并且将li添加到ul的子节点中
                var ul = document.getElementById("aqi-list");
                if (ul != null) {
                    ul.appendChild(li);
                }
              }
           }
        })();
    </script>
</html>